@charset "UTF-8";
@import "base/constants.scss";

// 登录、注册等页面底部公共样式
// 按钮
.login-btn {
  display: flex;
  justify-content: center;
  input {
	width: getRem(460);
	height: getRem(78);
	background: url("../images/login-bg.png") no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #FFFFFF;
  }
}

// 登录出的-->没有账号
.not-login {
  display: flex;
  justify-content: flex-end;
  color: $SecondFontColor;
  p {
	margin-right: getRem(86);
	margin-top: getRem(20);
  }
}

// 登录出的-->立即注册
.login-reg {
  margin-top: getRem(84);
  display: flex;
  justify-content: center;
  color: $SecondFontColor;
  align-items: center;

  a {
	color: $aLinkColor;
  }

  img {
	width: getRem(34);
	height: getRem(35);
	padding-right: getRem(10);
  }
}

/* 用户登录界面 S= */
.content {
  > section {
	.login-wrap {
	  margin: 0 getRem(38);
	  font-size: 12px;
	  form {
		margin: getRem(148) 0;
		.input-wrap {
		  display: flex;
		  justify-content: space-between;
		  border: 1px solid $primaryBgColor;
		  -webkit-border-radius: getRem(6);
		  -moz-border-radius: getRem(6);
		  border-radius: getRem(6);
		  align-items: center;
		  padding: getRem(20) getRem(15);
		  input {
			flex: 1;
		  }

		  img:nth-of-type(1) {
			width: getRem(25);
			height: getRem(35);
			padding-right: getRem(20);
		  }

		  img:nth-of-type(2) {
			width: getRem(21);
			height: getRem(21);
		  }
		}

		.input-wrap:nth-child(2) {
		  margin-top: getRem(30);

		  img:nth-of-type(2) {
			width: getRem(22);
			height: getRem(15);
		  }
		}
	  }
	  .not-login {
		p {
		  margin-right: getRem(86 - 38);
		}
	  }

	}

  }
}

/* 用户登录界面 E= */

/*注册页面样式 S=*/
.reg-wrap {
  form {
	.reg-input {
	  background: $itemBgColor;
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  height: getRem(90);
	  border-bottom: 1px solid $borderLineColor;
	  label {
		width: getRem(160);
		display: inline-block;
		text-align: right;
	  }
	  > input {
		flex: 1;
	  }
	}
  }
  > div {
	&:nth-child(2) {
	  padding-top: getRem(88);
	}
  }

}

/*注册页面样式 E=*/
